<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>纸牌对决</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="game-container">
        <div class="score-board">
            <div>玩家积分：<span id="player-score">5</span></div>
            <div>电脑积分：<span id="computer-score">5</span></div>
        </div>
        
        <div class="game-status" id="status">等待游戏开始...</div>
<div class="target-card-display">当前目标牌：<span id="current-target"></span></div>
<div class="card-container" id="player-cards">
            <!-- 玩家卡牌将通过JS动态生成 -->
        </div>
        
        <div class="controls">
            <button id="play-card" disabled>出牌</button>
            <button id="challenge" disabled>质疑</button>
        </div>
    </div>

    <script src="js/game.js"></script>
</body>
</html>